<!DOCTYPE html>
<html>
<head>
	<link href='http://fonts.googleapis.com/css?family=Lato:300,700' rel='stylesheet' type='text/css'>
	<link href='style.css' rel='stylesheet' type='text/css'>
</head>
<body>
	<div id="container">
		</style>
		<div id="graph-container"></div>
		<div id="control-pane">
			<h2 class="underline">filters</h2>

			<div>
				<h3>degree <span id="min-degree-val">0</span></h3>
          0
          <input id="min-degree" type="range" min="0" max="0" value="0">
          <span id="max-degree-value">0</span>
          <br>
			</div>
			<span class="line"></span>
			<div>
				<h3>groups</h3>
				<select id="node-group">
          <option value="" selected>All</option>
        </select>
			</div>
		</div>
	</div>
	<script src="sigma/sigma.min.js"></script>
	<script src="sigma/sigma.layout.forceAtlas2.min.js"></script>
	<script src="sigma/sigma.parsers.json.min.js"></script>
	<script src="sigma/sigma.plugins.dragNodes.min.js"></script>
	<script src="sigma/sigma.plugins.filter.min.js"></script>
	<script src="sigma/sigma.canvas.edges.curvedArrow.js"></script>
	<script src="sigma/sigma.canvas.labels.def.js"></script>
	<script src="graph.js"></script>
</body>
</html>
